<div data-ng-controller="BarcodeController">
    <!-- BEGIN PAGE HEADER-->
    <div class="row">
        <div class="col-md-12">
            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
            <h3 class="page-title">
                Barcode Scanner <small>Scan barcode để lấy thông tin user</small>
            </h3>
            <ul class="page-breadcrumb breadcrumb">
                <li class="btn-group">
                    <button type="button" class="btn red dropdown-toggle" data-toggle="dropdown"
                            data-hover="dropdown" data-delay="1000" data-close-others="true">
							<span>
								Actions
							</span>
                        <i class="fa fa-angle-down"></i>
                    </button>
                    <ul class="dropdown-menu pull-right" role="menu">
                        <li>
                            <a href="#">
                                Action
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                Another action
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                Something else here
                            </a>
                        </li>
                        <li class="divider">
                        </li>
                        <li>
                            <a href="#">
                                Separated link
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <i class="fa fa-home"></i>
                    <a href="index.html">
                        Home
                    </a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="#">
                        Barcode scanner
                    </a>
                </li>
            </ul>
            <!-- END PAGE TITLE & BREADCRUMB-->
        </div>
    </div>
    <!-- END PAGE HEADER-->
    <!-- BEGIN BARCODE FORM -->
    <div class="portlet box blue">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-barcode"></i> Barcode
            </div>
        </div>
        <div class="portlet-body form">
            <form data-ng-submit="submit()" role="form">
                <div class="form-body">
                    <div class="alert alert-danger display-hide">
                        <button class="close" data-close="alert"></button>
                        <span>
                             Barcode chưa được scan đúng cách. Vui lòng scan lại.
                        </span>
                    </div>
                    <div class="form-group">
                        <label class="control-label visible-ie8 visible-ie9">Barcode</label>
                        <div class="input-icon">
                            <i class="fa fa-barcode"></i>
                            <input class="form-control placeholder-no-fix" type="text" autocomplete="off"
                                   placeholder="Barcode" name="barcode" ng-model="formData.barcode"/>
                        </div>
                    </div>
                </div>
                <div class="form-actions">
                    <button type="submit" class="btn green">
                        Ok <i class="m-icon-swapright m-icon-white"></i>
                    </button>
                </div>
            </form>
        </div>
    </div>
    <!-- END BARCODE FORM -->
</div>